﻿@charset "utf-8";
/* CSS Document */
*   {margin:0; padding:0;}
body{font-size:14px; color:#555; font-family:微软雅黑，Microsoft YaHei，Arial;}

ul  {list-style-type:none;}
a   {text-decoration:none;}
h2  {font-size:36px; text-align:center; color:#333;}
h4  {font-size:16px; text-align:center; padding-bottom:6px; color:#555;}
.border  {width:100px; height:3px; background:#c71c22; margin:0 auto; margin-bottom:30px;}
.clearfix{clear:both;}


/* header */
#header{width:100%;}
/* 顶部 */
#top   {width:1200px; margin:0 auto; padding:8px 0;}
.logo  {float:left; background:url(../images/logo.png) no-repeat;width:236px;height:80px;}
.idea  {float:left; font-size:20px; margin:46px 0 0 20px;}
.search{float:right; margin-top:30px;}
.search form {position:relative; margin:0 auto;}
.search input{width:220px; height:40px; padding-left:10px; border:2px solid #c71c22;
  border-radius:5px; outline:none; background:#F9F0DA; color:#9E9C9C;}
.search button { position:absolute; top:0;
  right:-14px;
  padding:8px 8px 3px;
  border: none;
  background: #c71c22;
  border-radius: 0 5px 5px 0;
}
.search button:before {font-size:16px; color:#F9F0DA;}
/* 导航 */
#nav{width:100%;   background:#282828;}
.nav{width:1200px; margin:0 auto;}
.nav ul li         {position:relative; float:left; font-size:16px; text-align:center;}
.nav ul li a       {color:#eee; width:171px;line-height:54px; display:inline-block;}
.nav ul li a:hover {background:#c71c22; transition:all .5s ease;}
.nav ul li ul li   {float:none; background:rgba(40,40,40,.5);}
.nav ul li ul      {position:absolute; left:0; top:54px; display:none; z-index:99;}
.nav ul li ul li a:hover{background:rgba(199,28,34,.8); transition:all .5s ease;}
.nav ul li:hover ul{display:inline-block; transition:all .5s ease;}
.nav ul li.active  {background:#c71c22; font-weight:bolder;}


/* 产品展示 */
#product{width:1200px; margin:0 auto; padding:40px 0 30px 0;}
.stepcarousel {MARGIN:0px auto; OVERFLOW:scroll; WIDTH:1200px; POSITION:relative; HEIGHT:330px;}
.stepcarousel .belt {LEFT:0px; POSITION:absolute; TOP:0px}
.stepcarousel .panel {FLOAT:left; MARGIN:5px 16px 0px 16px; WIDTH:280px}
.subfeature img{padding:5px; border-radius:6px;}
.subfeature p{text-align:center; padding:0 5px; font-size:18px; color:#555; height:32px; line-height:24px; overflow:hidden;}
.subfeature a {box-shadow:0px 2px 10px 0px rgba(0,0,0,.05); display:block;}
.subfeature a:hover{background:#c71c22; border-radius:4px; box-shadow:0px 2px 10px 0px rgba(255,63,69,.9);}
.subfeature a:hover p{color:#fff;}

/* 关于光强 */
#about{width:100%;}
.about{width:1200px; margin:0 auto; margin-top:20px;}
.about_l{width:560px; height:360px; padding:20px; background:rgba(0,0,0,.3);}
.about_bg{position:absolute; z-index:-1; height:400px; overflow:hidden;}
.about .main title{font-size:36px; text-align:center; font-weight:bold; display:block; color:#fff; padding:32px 0;}
.about .main{width:540px; padding:0 10px; font-size:18px; line-height:1.8em; color:#fff;}
.about .main a{width:120px; height:36px; border:1px solid #eee; border-radius:3px; color:#eee; line-height:36px; display:block; font-size:18px; text-align:center; margin:16px 0;}
.about .main a:hover{color:#10182e; background:#fff; font-weight:bolder; transition:all .5s ease;}

/* 新闻动态 */
#news{width:1200px; margin:0 auto; padding:40px 0 40px 0; position: relative;}
#news li{padding:20px 0 5px 10px; font-size:20px;}
#news li.first{padding:10px 0 5px 10px; font-size:20px;}
.dian{position:relative; display:inline-block; margin:5px 15px 0; width:18px; background:#f4f4f4; border-radius:50%; vertical-align:top; z-index:2;}
.diandian{position:absolute; width:12px; height:12px; background:#c71c22;; border-radius:50%; left:9px; top:5px; z-index:1;}
#news ul{float:right; width:620px; position: relative;}
#news ul li a{color:#333; font-weight:bolder; line-height:1.5em;}
#news ul li a:hover{color:#f00000; transition:all .5s ease;}
#news span{margin-left:180px;}
#news .img{float:left; width:550px; overflow:hidden;}
.dian-cont{
	position: absolute;
}

/* 合作伙伴 */
#partner{width:100%; background:#f4f4f4;}
.partner{width:1200px; margin:0 auto; padding:40px 0 40px 0;}
.partner img{float:left; margin:10px; box-shadow:0px 2px 10px 0px rgba(0,0,0,.1); border-radius:3px; transition:all 0.1s linear 0s;}
.partner img:hover{box-shadow:0 10px 20px rgba(0,0,0,0.1); transform:translate(0,-5px)}

/* 悬浮窗口 */
 .yb_conctul,ol,li {list-style:none;}
em,i {font-style:normal;}
a {
	text-decoration: none;
	color: #333;
}
img {
	display: inline-block;
	border: 0 none;
}
.clear:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 999;
	top: 300px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar ul li:hover{font-weight:bolder;}
.yb_bar .yb_top   {background:#ff3f45 url(../images/top/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone {background:#ff3f45 url(../images/top/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ    {background:#ff3f45 url(../images/top/fixCont.png) no-repeat 0 -113px; text-indent:0;}
.yb_bar .yb_ercode{background:#ff3f45 url(../images/top/fixCont.png) no-repeat 0 -169px;}
.hd_qr {padding:0 29px 25px 29px;}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}


/* footer */
#footer{width:100%;  background-color:#282828;}
.footer{width:1200px;  margin:0 auto; color:#999;}
.footer a:hover {padding-bottom:2px; color:#fff; border-bottom:1px solid #fff; transition:all .5s ease;}
.footer a:hover {color:#eee; border-bottom:1px solid #fff; transition:all .5s ease;}
.footer_t   {width:800px; margin:0 auto; padding-top:20px;}
.footer_t li{float:left; padding:0 30px; border-left:1px solid #555;}
.footer_t li:first-child{border:0;}
.footer_c   {color:#888; text-align:center; padding:10px 0; border-bottom:1px solid #1c1c1c;}
.footer_c p {line-height:2em;}
.footer_b   {color:#999; text-align:center; padding:16px 0; border-top:1px solid #3a3a3a;}
